<!DOCTYPE html>
<html>

	<head>
		<base href="../../../" />
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="Content/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css" />
		<link rel="stylesheet" href="Content/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="Content/css/Layout_basic.css" />
		<link rel="stylesheet" href="Content/mypluing/css/cursor.css" />
		<link rel="stylesheet" href="Content/css/sweet-alert.css" />
		<link rel="stylesheet" href="Content/css/Layout_user_estateDetail.css" />
	</head>

	<body>
		<div class="container">
			<header class="page-header header row">
				<div class="col-xs-3">
					<a href="user/showPublickInfo.do" target="_blank">EstateManager</a>
				</div>
				<div class="col-xs-6 col-xs-offset-2">
					<span>你好!&nbsp;</span>
					<a href="#"><i class="glyphicon glyphicon-user"></i>${sessionScope.userName}
        			</a>&nbsp; [
					<a href="commenUtil/exit.do">退出</a>]
				</div>
			</header>
			<section class="main-img">
				<div class="img-show row">
					<div class="main col-xs-6 col-xs-6 col-xs-offset-3">
						<img src="Content/img/showPublic/header-show.jpg" width="100%" class="img-responsive" />
					</div>
				</div>
				<div class="row">
					<ol class="img-items col-xs-6 col-xs-offset-3 row">

						<li><img width="100%" src="Content/img/img_Login/head-icon.jpg" class="img-thumbnail col-xs-3" /></li>
						<li><img width="100%" src="Content/img/img_Login/head-icon.jpg" class="img-thumbnail col-xs-3" /></li>
						<li><img width="100%" src="Content/img/img_Login/head-icon.jpg" class="img-thumbnail col-xs-3" /></li>
						<li><img width="100%" src="Content/img/img_Login/head-icon.jpg" class="img-thumbnail col-xs-3" /></li>
				</div>
				</ol>
				<p class="text-success part-title">我要预订</p>
				<hr />
				<br />
				<form action="javascrip:;" role="form">
					<ol class="row">
						<li class="col-xs-1">
							<label class="label label-info">我的报价</label>
						</li>
						<li class="col-xs-2">
							<input type="text" placeholder="高于最低报价" class="form-control"/>
						</li>
						<li class="col-xs-1">
							<label class="label label-info">备注消息</label>
						</li>
						<li class="col-xs-5">
							<input type="text" placeholder="高于最低报价" class="form-control"/>
						</li>
						<li class="col-xs-2">
							<button class="btn btn-info">提交</button>
						</li>
					</ol>
				</form>
				<br />
				<hr />
				<br />
				<p class="text-success part-title">房产描述</p>
				<p class="text-describe text-left">小区品质非常的好,周围配套完善,绿化率高,公园之中我的家在此生活享受双轨交通,进则安逸,出则繁华,小区是**和**学区房,在此安家您的孩子可以去上这二个学校,让他们赢在成功的起跑线上</p>
				<br />
				<hr />
				<br />
				
				<p class="text-success part-title">房产信息</p>
				<table class="table">
					<tr>
						<td>
							<label class="label label-default">房产所有人</label>
						</td>
						<td id="owner">刘用刚</td>
						<td>
							<label class="label label-default">电话</label>
						</td>
						<td id="tel">15885021025</td>
					</tr>
					<tr>

						<td>
							<label class="label label-default">最低报价</label>
						</td>
						<td><span id="price">888&nbsp;&nbsp;/&nbsp;</span><span id="unit">月</span></td>
						<td>
							<label class="label label-default">产权证类型</label>
						</td>
						<td id="certificateType">房产证</td>
					</tr>

					<tr>
						<td>
							<label class="label label-default">产权证书编号</label>
						</td>
						<td id="certificateId">xw8584848</td>
						<td>
							<label class="label label-default">房产使用状态</label>
						</td>
						<td id="estateUsingStatue">自用</td>
					</tr>
					<tr>
						<td>
							<label class="label label-default">房屋结构</label>
						</td>
						<td id="structure">纲结构</td>
						<td>
							<label class="label label-default">房屋类型</label>
						</td>
						<td id="estateType">商品房</td>
					</tr>
					<tr>
						<td>
							<label class="label label-default">面积</label>
						</td>
						<td><span id="acreage">88</span>m<sup>2</sup></td>
						<td>
							<label class="label label-default">地址</label>
						</td>
						<td id="estateAddress">四川省 德阳市 师古镇 大泉坑一一组</td>

					</tr>
					
				

				</table>
				<br />
				<hr />
				<br />
				
				<p class="text-success part-title">地理位置</p>
				<br />
				<div id="Map" class="col-xs-8 col-xs-offset-2"></div>
				
			</section>
		
		</div>
		<footer class="container-fluid foot-wrap">
    <!--采用container，使得页尾内容居中 -->
        <div class="container">
            <div class="row">
                <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                    <h3>Subscribe</h3>
                    <ul>
                        <li><a href="#">Newsletter</a></li>
                        <li><a href="#">RSS feed</a></li>
                        <li><a href="#">RSS to Email</a></li>
                        <li><a href="#">Product Hunt</a></li>
                        <li><a href="#">Twitter</a></li>
                        <li><a href="#">Facebook</a></li>
                        <li><a href="#">Pinterest</a></li>
                        <li><a href="#">Google+</a></li>
                    </ul>
                </div>
                <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                    <h3>BROWSE</h3>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Gallery</a></li>
                        <li><a href="#">Templates</a></li>
                        <li><a href="#">Resources</a></li>
                        <li><a href="#">OPL Themes</a></li>
                    </ul>
                </div>
                <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                    <h3>INFORMATION</h3>
                    <ul>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Why One Page?</a></li>
                        <li><a href="#">OPL Blog</a></li>
                        <li><a href="#">Product Hunt</a></li>
                        <li><a href="#">Advertise</a></li>
                        <li><a href="#">Submit</a></li>
                        <li><a href="#">Award Ribbons</a></li>
                        <li><a href="#">Roadmap</a></li>
                    </ul>
                </div>

                <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                    <h3>RESOURCES</h3>
                    <ul>
                        <li><a href="#">Browse All</a></li>
                        <li><a href="#">Design</a></li>
                        <li><a href="#">Development</a></li>
                        <li><a href="#">Hosting</a></li>
                        <li><a href="#">Round Ups</a></li>
                        <li><a href="#">Tutorials</a></li>
                    </ul>

                </div>
                <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                    <h3>TRENDING</h3>
                    <ul>
                        <li><a href="#">Big Typography</a></li>
                        <li><a href="#">Free Templates</a></li>
                        <li><a href="#">Most Loved</a></li>
                        <li><a href="#">Centrally Divided</a></li>
                        <li><a href="#">Skrollr.js</a></li>
                        <li><a href="#">Parallax Scrolling</a></li>
                        <li><a href="#">Off-Canvas Menu</a></li>
                        <li><a href="#">Molecules</a></li>
                    </ul>
                </div>
                <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                    <h3>OPL THEMES</h3>
                    <ul>
                        <li><a href="#">Browse All</a></li>
                        <li><a href="#">East Java</a></li>
                        <li><a href="#">Clutterless</a></li>
                        <li><a href="#">Mapped</a></li>
                    </ul>
                </div>

            </div><!--/.row -->
        </div><!--/.container-->

        <!-- 社交图标列表，其中图标采用的是Font Awesome图标字体库-->
        <ul class="social">
            <li>
                <a href="#" title="Twitter Profile">
                    <span class="icon fa fa-twitter"></span>
                </a>
            </li>
            <li>
                <a href="#" title="Facebook Page">
                    <span class="icon fa fa-facebook"></span>
                </a>
            </li>
            <li>
                <a href="#" title="LinkedIn Profile">
                    <span class="icon fa fa-linkedin"></span>
                </a>
            </li>
            <li>
                <a href="#" title="Goole+ Profile">
                    <span class="icon fa fa-google"></span>
                </a>
            </li>
            <li>
                <a href="#" title="Github Profile">
                    <span class="icon fa fa-github"></span>
                </a>
            </li>
        </ul>
        <p align="center" style="margin-top: 20px;color:#878B91;">
            Copyright &copy;2015 Dreyer
        </p>

</footer>
	</body>
	<script type="text/javascript" src="Content/js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="Content/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="Content/js/sweet-alert.min.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=n7mTxnHfQyF2MG5CN76ZXe7z"></script>
	<script type="text/javascript" src="Content/js/js_user_estateDetail.js" ></script>
</html>